<template>
  <div class="message-container infinite-list-wrapper"
  style="overflow:auto"
  :infinite-scroll-immediate="false"
  >
    <el-header>
      <el-menu
        ref="menu"
        :default-active="$route.path"
        router
        class="el-menu-demo"
        mode="horizontal"
        active-text-color="#ff4500"
      >
        <el-menu-item index="/page/mine/passphone">账号安全</el-menu-item>
        <el-menu-item index="/page/mine/timeline">最近动态</el-menu-item>
      </el-menu>
    </el-header>
    <el-main class="" >
      <router-view ></router-view>
    </el-main>
  </div>
</template>

<script>
export default {
  name: '',
  props: {},
  components: {},
  data () {
    return {
    }
  },
}
</script>

<style lang="less" scoped>
.message-container{
  margin-top: 19px;
  min-height: 250px;
  background-color: #fff;
  -moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
    -webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
    box-shadow:2px 2px 10px #909090;/*opera或ie9*/
  .el-header{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 666;
    .el-menu-demo{
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
      background-color: #fafafa;
    }
  }
  /deep/.el-card__body{
    padding: 10px,20px;
  }
}

</style>
